﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>居住地变更</title>
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<link href="css/cb.css" rel="stylesheet" type="text/css" />
<link href="css/n.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css"
	href="easyui/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" />
<link rel="stylesheet" type="text/css" href="easyui/demo/demo.css" />

<script type="text/javascript" src="easyui/jquery.min.js"></script>
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="laydate/laydate.js"></script>
<script type="text/javascript">

//增加居住地变更记录
var addEvent=function(){
	$('#dlg').dialog('open');
}
//修改居住地变更记录
 var editEvent= function(id) {
	 $('#dlg2').dialog('open');
  }
  
//查看居住地变更详情
 var checkEvent= function(id) {
	 $('#dlg1').dialog('open');
  }

//删除居住地变更
	var delEvent = function(id) {	
		$.messager.confirm('提示框', '你确定要删除吗?',function(res){
			if(res){
				//确认删除
			}else{
				//取消删除
			}
		})
	}
			
</script>
</head>
<body>
	<table width="99%" border="0" align="center" cellpadding="0"
		cellspacing="0">
		<tr>
			<td width="1%" align="left" background="images/b2.jpg"><img
				src="images/b1.jpg" width="10" height="26" /></td>
			<td width="68%" background="images/b2.jpg"><table width="124"
					border="0" align="left" cellpadding="0" cellspacing="0">
					<tr>
						<td width="20" align="left"><img src="images/tz.gif"
							width="10" height="16" /></td>
						<td width="104" align="left" class="biao">查找居住地变更信息</td>
					</tr>
				</table></td>
			<td width="31%" align="right" background="images/b2.jpg"><img
				src="images/b3.jpg" width="9" height="26" /></td>
		</tr>
	</table>
	<table width="99%" border="0" align="center" cellpadding="3"
		cellspacing="1" bgcolor="#AEDEF4">
		<tr>
			<td align="center" bgcolor="#E2F7FE">
				<form id="form1" name="form1" method="post" action="">
					<table width="80%" border="0" cellspacing="1" cellpadding="3">
						<tr>
							<td width="10%" align="right">矫正单位:</td>
							<td width="10%" align="left"><input name="unit" type="text"
								id="unit" size="15" /></td>
							<td width="10%" align="right">姓名:</td>
							<td width="10%" align="left"><input name="name" type="text"
								id="name" size="15" /></td>
							<td width="10%" align="right">变更日期:</td>
							<td width="10%" align="left"><input placeholder="请输入日期"
								class="laydate-icon" onclick="laydate()" /></td>
							<td width="10%" align="left"><input type="submit"
								name="Submit" value="查找" /></td>
							<td width="10%" colspan="2" align="right"><input
								type="button" onclick="addEvent()" name="" value="增加记录" /> <input
								type="button" name="" value="导出Excle" /></td>
						</tr>
					</table>
				</form>
			</td>
		</tr>
	</table>

	<table width="50%" border="0" cellspacing="0" cellpadding="0">
		<tr>
			<td height="5"></td>
		</tr>
	</table>
	<table width="99%" border="0" align="center" cellpadding="0"
		cellspacing="0">
		<tr>
			<td width="1%" align="left" background="images/b2.jpg"><img
				src="images/b1.jpg" width="10" height="26" /></td>
			<td width="68%" background="images/b2.jpg"><table width="124"
					border="0" align="left" cellpadding="0" cellspacing="0">
					<tr>
						<td width="20" align="left"><img src="images/tz.gif"
							width="10" height="16" /></td>
						<td width="104" align="left" class="biao">居住地变更列表</td>
					</tr>
				</table></td>
			<td width="31%" align="right" background="images/b2.jpg"><img
				src="images/b3.jpg" width="9" height="26" /></td>
		</tr>
	</table>
	<table width="99%" border="0" align="center" cellpadding="3"
		cellspacing="1" bgcolor="#AEDEF4" style="border: 1px solid #AEDEF4">
		<tr>
			<td width="5%" height="25" align="center" bgcolor="#EFFBFE">序号</td>
			<td align="center" bgcolor="#EFFBFE">矫正单位</td>
			<td align="center" bgcolor="#EFFBFE">服刑人员</td>
			<td align="center" bgcolor="#EFFBFE">迁居日期</td>
			<td align="center" bgcolor="#EFFBFE">迁居地</td>
			<td align="center" bgcolor="#EFFBFE">迁居理由</td>
			<td align="center" bgcolor="#EFFBFE">状态</td>
			<td align="center" bgcolor="#EFFBFE">管理操作</td>
		</tr>
		<tr onmouseout="this.style.backgroundColor='#ffffff'"
			bgcolor="#ffffff" onmouseover="this.style.backgroundColor='#E6F2FF'">

			<td height="25" align="center"><input name="id[]" value=""
				type="checkbox" />1</td>
			<td align="center" class="t5"><div align="center">
					<strong>岳林司法所</strong>
				</div></td>
			<td align="center">陈仁斌</td>
			<td align="center">2013-06-08</td>
			<td align="center">重庆市万州区王牌路83号</td>
			<td align="center">回家定居</td>
			<td align="center"></td>
			<td align="left">
				<div align="left" style="padding-left: 5px">
					<div align="center">
						<input type="button" onclick="checkEvent(id)" name="" value="查看" />
						<input type="button" onclick="editEvent(id)" name="" value="修改" />
						<input type="button" onclick="delEvent(id)" name="" value="删除" />
					</div>
				</div>
			</td>
		</tr>

		<tr>
			<td height="25" bgcolor="#FFFFFF">&nbsp;</td>
			<td colspan="8" bgcolor="#FFFFFF" align="center">&nbsp; <span
				class='pagelink'><</span> <span class='pagelink'><<</span> <a
				class='pagelink' href='#?NowPage=1'><font color=green>[1]</font></a>
				<span class='pagelink'>>></span> <span class='pagelink'>></span>
				转到第&nbsp;<input id='JumpSelect' type='text' size='2' value='1'
				onBlur="javascript:if(isNaN(parseInt(this.value)) || parseInt(this.value) > 1){alert('您输入的数字只能在 1 ～ 1之间，请重新输入'); return false;}location.href='#"
				title='鼠标外部单击，文章转向' /> 页
			</td>
		</tr>
	</table>
	<!-- 增加居住地变更弹出框 -->
	<div id="dlg" class="easyui-dialog" title="增加居住地变更记录"
		style="width: 720px; height: 400px; padding: 10px"
		data-options="
				closed:true,
				iconCls: 'icon-save',
				buttons: [{
					text:'保存',
					iconCls:'icon-ok',
					handler:function(){
						alert('保存成功');
						$('#dlg').dialog('close');
					}
				},{
					text:'关闭',
					handler:function(){
						$('#dlg').dialog('close');
					}
				}]
			">
	<table width="690px" height="300px" border="0" align="center"
			cellpadding="3" cellspacing="1" bgcolor="#AEDEF4">
			<tr>
				<td align="center" bgcolor="#E2F7FE">
					<form id="form1" name="form1" method="post" action="">
						<table width="80%" border="0" cellspacing="1" cellpadding="3">
							<tr style="height: 30px">
								<td width="20%" align="center"><strong>服刑人员:</strong></td>
								<td width="20%" align="left"><textarea rows="2" cols="25">陈仁斌</textarea></td>
								<td width="15%" align="right"><strong>迁居日期:</strong></td>
								<td width="25%" align="left"><input
									placeholder="请选择日期" style="width: 150px; height: 30px"
									class="laydate-icon" onclick="laydate()" /></td>
							</tr>
							<tr>
								<td width="20%" align="center"><strong>迁居地:</strong></td>
								<td colspan="5" align="left"><textarea rows="2" cols="100"></textarea>
								</td>
							</tr>
							<tr>
								<td width="20%" align="center"><strong>迁居理由:</strong></td>
								<td colspan="5"><textarea rows="2" cols="100"></textarea></td>
							</tr>
							<tr>
								<td width="20%" align="center"><strong>就业情况:</strong></td>
								<td colspan="5"><textarea rows="2" cols="100"></textarea></td>
							</tr>
							<tr>
								<td width="20%" align="center"><strong>亲属姓名:</strong></td>
								<td colspan="1" align="left"><textarea rows="2" cols="25"></textarea>
								</td>
								<td width="20%" align="center"><strong>亲属关系:</strong></td>
								<td colspan="1" align="left"><textarea rows="2" cols="25"></textarea>
								</td>
								<td width="20%" align="center"><strong>政治面貌:</strong></td>
								<td colspan="1" align="left"><textarea rows="2" cols="25"></textarea>
								</td>
								</td>
							</tr>
							<tr>
								<td width="20%" align="center"><strong>工作单位:</strong></td>
								<td colspan="5"><textarea rows="2" cols="100"></textarea></td>
							</tr>
							<tr>
								<td width="20%" align="center"><strong>家庭地址:</strong></td>
								<td colspan="5"><textarea rows="2" cols="100"></textarea></td>
							</tr>
							<tr>
								<td width="20%" align="center"><strong>备&nbsp;&nbsp;&nbsp;&nbsp;注:</strong></td>
								<td colspan="5"><textarea rows="2" cols="100"></textarea></td>
							</tr>
						</table>
					</form>
				</td>
			</tr>
		</table>
	</div>
	<!-- 查看居住地变更弹出框 -->
	<div id="dlg1" class="easyui-dialog" title="查看居住地变更记录"
		style="width: 720px; height: 400px; padding: 10px"
		data-options="
				closed:true,
				iconCls: 'icon-save',
				buttons: [{
					text:'关闭',
					handler:function(){
						$('#dlg').dialog('close');
					}
				}]
			">
	<table width="690px" height="300px" border="0" align="center"
			cellpadding="3" cellspacing="1" bgcolor="#AEDEF4">
			<tr>
				<td align="center" bgcolor="#E2F7FE">
					<form id="form1" name="form1" method="post" action="">
						<table width="80%" border="0" cellspacing="1" cellpadding="3">
							<tr style="height: 30px">
								<td width="20%" align="center"><strong>服刑人员:</strong></td>
								<td width="20%" align="left"><textarea rows="2" cols="25">陈仁斌</textarea></td>
								<td width="15%" align="right"><strong>迁居日期:</strong></td>
								<td width="25%" align="left"><input
									placeholder="请选择日期" style="width: 150px; height: 30px"
									class="laydate-icon" onclick="laydate()" /></td>
							</tr>
							<tr>
								<td width="20%" align="center"><strong>迁居地:</strong></td>
								<td colspan="5" align="left"><textarea rows="2" cols="100"></textarea>
								</td>
							</tr>
							<tr>
								<td width="20%" align="center"><strong>迁居理由:</strong></td>
								<td colspan="5"><textarea rows="2" cols="100"></textarea></td>
							</tr>
							<tr>
								<td width="20%" align="center"><strong>就业情况:</strong></td>
								<td colspan="5"><textarea rows="2" cols="100"></textarea></td>
							</tr>
							<tr>
								<td width="20%" align="center"><strong>亲属姓名:</strong></td>
								<td colspan="1" align="left"><textarea rows="2" cols="25"></textarea>
								</td>
								<td width="20%" align="center"><strong>亲属关系:</strong></td>
								<td colspan="1" align="left"><textarea rows="2" cols="25"></textarea>
								</td>
								<td width="20%" align="center"><strong>政治面貌:</strong></td>
								<td colspan="1" align="left"><textarea rows="2" cols="25"></textarea>
								</td>
								</td>
							</tr>
							<tr>
								<td width="20%" align="center"><strong>工作单位:</strong></td>
								<td colspan="5"><textarea rows="2" cols="100"></textarea></td>
							</tr>
							<tr>
								<td width="20%" align="center"><strong>家庭地址:</strong></td>
								<td colspan="5"><textarea rows="2" cols="100"></textarea></td>
							</tr>
							<tr>
								<td width="20%" align="center"><strong>备&nbsp;&nbsp;&nbsp;&nbsp;注:</strong></td>
								<td colspan="5"><textarea rows="2" cols="100"></textarea></td>
							</tr>
						</table>
					</form>
				</td>
			</tr>
		</table>
	</div>
	<!-- 修改居住地变更弹出框 -->
	<div id="dlg2" class="easyui-dialog" title="修改居住地变更记录"
		style="width: 720px; height: 400px; padding: 10px"
		data-options="
				closed:true,
				iconCls: 'icon-save',
				buttons: [{
					text:'保存',
					iconCls:'icon-ok',
					handler:function(){
						alert('保存成功');
						$('#dlg').dialog('close');
					}
				},{
					text:'关闭',
					handler:function(){
						$('#dlg').dialog('close');
					}
				}]
			">
		<table width="690px" height="300px" border="0" align="center"
			cellpadding="3" cellspacing="1" bgcolor="#AEDEF4">
			<tr>
				<td align="center" bgcolor="#E2F7FE">
					<form id="form1" name="form1" method="post" action="">
						<table width="80%" border="0" cellspacing="1" cellpadding="3">
							<tr style="height: 30px">
								<td width="20%" align="center"><strong>服刑人员:</strong></td>
								<td width="20%" align="left"><textarea rows="2" cols="25">陈仁斌</textarea></td>
								<td width="15%" align="right"><strong>迁居日期:</strong></td>
								<td width="25%" align="left"><input
									placeholder="请选择日期" style="width: 150px; height: 30px"
									class="laydate-icon" onclick="laydate()" /></td>
							</tr>
							<tr>
								<td width="20%" align="center"><strong>迁居地:</strong></td>
								<td colspan="5" align="left"><textarea rows="2" cols="100"></textarea>
								</td>
							</tr>
							<tr>
								<td width="20%" align="center"><strong>迁居理由:</strong></td>
								<td colspan="5"><textarea rows="2" cols="100"></textarea></td>
							</tr>
							<tr>
								<td width="20%" align="center"><strong>就业情况:</strong></td>
								<td colspan="5"><textarea rows="2" cols="100"></textarea></td>
							</tr>
							<tr>
								<td width="20%" align="center"><strong>亲属姓名:</strong></td>
								<td colspan="1" align="left"><textarea rows="2" cols="25"></textarea>
								</td>
								<td width="20%" align="center"><strong>亲属关系:</strong></td>
								<td colspan="1" align="left"><textarea rows="2" cols="25"></textarea>
								</td>
								<td width="20%" align="center"><strong>政治面貌:</strong></td>
								<td colspan="1" align="left"><textarea rows="2" cols="25"></textarea>
								</td>
								</td>
							</tr>
							<tr>
								<td width="20%" align="center"><strong>工作单位:</strong></td>
								<td colspan="5"><textarea rows="2" cols="100"></textarea></td>
							</tr>
							<tr>
								<td width="20%" align="center"><strong>家庭地址:</strong></td>
								<td colspan="5"><textarea rows="2" cols="100"></textarea></td>
							</tr>
							<tr>
								<td width="20%" align="center"><strong>备&nbsp;&nbsp;&nbsp;&nbsp;注:</strong></td>
								<td colspan="5"><textarea rows="2" cols="100"></textarea></td>
							</tr>
						</table>
					</form>
				</td>
			</tr>
		</table>
	</div>
</body>
</html>